<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/layout/template.xhtml">
	<ui:define name="body">
		<h:form id="citaSupervisor">
			<table width="90%" border="0" align="center">
				<tr>
					<td width="40%" valign="top"><p:panel
							header="Citas programadas">
							<p:dataTable id="lstCitas" style="margin:0 auto; width:100%;"
								emptyMessage="No se ha registrado ninguna cita "
								selection="#{citaBM.citaSelect}"
								onRowSelectUpdate="citaSupervisor:detCitaSup"
								selectionMode="single" value="#{citaBM.lstSupervisorCita}"
								var="c">
								<p:column id="codigoCita">
									<f:facet name="header">
										<h:outputLabel value="Correlativo" />
									</f:facet>
									<h:outputText value="#{c.idCita}" />
								</p:column>



								<p:column id="desPersona">
									<f:facet name="header">
										<h:outputLabel value="Dependencia" />
									</f:facet>
									<h:outputText value="#{c.descPersonaAdm}" />
								</p:column>
							</p:dataTable>
						</p:panel>
					</td>
					<td width="60%" valign="top"><p:outputPanel id="detCitaSup"
							style="margin:0 auto;">
							<table width="100%" align="center">
								<tr>
									<td width="100%"><p:panel header="Evaluación de la cita">
											<p:outputPanel id="resultCita">
												<h:panelGrid id="idCitaSup" columns="3"
													style="margin:0 auto;">
													<h:outputText value="Díia: " />
													<p:calendar id="idFecha" pattern="dd/MM/yyyy"
														disabled="true" value="#{citaBM.citaSelect.fecha}"
														required="true" requiredMessage="Seleccione una fecha" />
													<p:message for="idFecha" />

													<h:outputText value="Hora: " />
													<h:selectOneListbox value="#{citaBM.citaSelect.idHora}"
														id="idHoraCita" size="1" disabled="true">
														<f:selectItem itemLabel="--- Seleccione un Horario ----"
															itemValue="-1" />
														<f:selectItems value="#{citaBM.citaSelect.listHorario}" />
													</h:selectOneListbox>
													<p:spacer />

													<h:outputText value="Asunto: " />
													<h:inputTextarea id="idAsunto" disabled="true"
														value="#{citaBM.citaSelect.asunto}" required="true"
														requiredMessage="Ingrese una descripció del asunto" />
													<p:message for="idAsunto" />

												</h:panelGrid>

												<h:panelGrid columns="2" style="margin:0 auto;">
													<h:selectOneRadio layout="pageDirection"
														disabled="#{citaBM.citaReprogramada.estRadioButon}"
														value="#{citaBM.citaSelect.radioButton}" id="idResultCita">
														<f:selectItem itemLabel="Atendido" itemValue="25" />
														<f:selectItem itemLabel="Ausente administrado"
															itemValue="26" />
														<f:selectItem itemLabel="Reprogramado – Interno tarde"
															itemValue="27" />
														<f:selectItem
															itemLabel="Reprogramado – Equivoco de unidad orgánica"
															itemValue="28" />
														<f:selectItem itemLabel="Reprogramado - Nueva cita"
															itemValue="29" />

														<f:ajax render="idPanelCitaPro"
															listener="#{citaBM.seleccionaRadioButton}" />

													</h:selectOneRadio>
													<p:spacer />
													<h:outputText value="Obervación" />
													<h:inputTextarea id="idObservacion"
														value="#{citaBM.citaSelect.observacion}" />




												</h:panelGrid>

												<p:outputPanel id="idPanelCitaPro">
													<p:panel header="Prueba de funciona"
														rendered="#{citaBM.mostrarPanelReprogramacion}">

														<h:panelGrid id="idRegCita" columns="3"
															style="margin:0 auto;">
															<h:outputText value="Dia" />
															<p:calendar id="idFechaProg" pattern="dd/MM/yyyy"
																value="#{citaBM.citaReprogramada.fecha}" required="true"
																requiredMessage="Seleccione una fecha" />
															<p:message for="idFecha" />


															<h:outputText value="Hora" />
															<h:selectOneListbox
																value="#{citaBM.citaReprogramada.idHora}"
																id="idHoraCitaProg" size="1">
																<f:selectItem itemLabel="--- Seleccione un Horario ----"
																	itemValue="-1" />
																<f:selectItems
																	value="#{citaBM.citaReprogramada.listHorario}" />
															</h:selectOneListbox>
															<p:spacer />

															<h:outputText value="Dependencia: " />
															<h:selectOneListbox
																value="#{citaBM.citaReprogramada.idUnidOrg}"
																id="idDependenciaProg" size="1">
																<f:selectItem
																	itemLabel="--- Seleccione una dependencia ----"
																	itemValue="-1" />
																<f:selectItems value="#{citaBM.listUnidOrg}" />
															</h:selectOneListbox>
															<p:spacer />

															<h:outputText value="Asunto" />
															<h:inputTextarea id="idAsuntoProg"
																value="#{citaBM.citaReprogramada.asunto}"
																required="true"
																requiredMessage="Ingrese una descripció del asunto" />
															<p:message for="idAsuntoProg" />
														</h:panelGrid>



													</p:panel>
													<br />
													<div align="center">
														<p:commandButton
															actionListener="#{citaBM.registrarResultadoCita}"
															rendered="#{citaBM.estBot}"
															update="citaSupervisor:lstCitas citaSupervisor:detCitaSup growl"
															value="Registrar evaluacion" />
													</div>

												</p:outputPanel>
											</p:outputPanel>
										</p:panel>
									</td>

								</tr>
							</table>


						</p:outputPanel>
					</td>
				</tr>
			</table>









			<br />







		</h:form>
	</ui:define>
</ui:composition>


